﻿* {
    margin: 0;
    padding: 0;
	border: 0;
}

/* Eléments principaux de la page */

body
{
    background-color:#222; /*gris foncé*/
    font-family: 'Trebuchet MS', Arial, sans-serif;
    color: #181818;
}

#bloc_page
{
    width: 1000px;
    margin: auto;
}

section h1, nav a
{
    font-family: 'Trebuchet MS', serif;
    font-weight: bold;
    text-transform: uppercase;
}

a
{
	text-decoration:none;
} 

/* Header */

header
{
    background-color:#f90; /*orange*/
	width:100%;
	height:250px;
}

header div
{
	
}

#titre_principal
{
	background-color:#000; /*gris foncé*/
	width:100%;
	height:100px;
	width: 100%;
	font-family: 'Trebuchet MS', serif;
	font-size: 4em;
	color:#f90; /*defaut orange*/
    font-weight: bold;
	text-transform: uppercase;
	text-align:center;
}

/* Navigation */
#logo
{
	width:200px;
	height:100%;
	background-color:#f90; /*defaut orange*/
}

#lien_menu
{
	/*width:150px;
	height:100%;*/
	background-color:#0f0; /*vert*/
	/*float:left;*/
}

#login
{
	width:200px;
	height:100%;
	background-color:#f90; /*defaut orange*/
	/*float:left;*/
}

nav ul
{
	height: 150px;
    float:left;
	background-color:#333; /*gris fonce*/	
}

nav li
{
    list-style: none;
    float:left;
    height: 150px;
    text-align: center;
	background-color:#999; /*gris*/
}

nav a
{	
	display: block;
    width:150px;
    text-align: center;
    line-height: 150px;
	background-color:#222; /*gris fonce*/
	color:#fff; /*blanc*/
}

nav a:hover
{
	background-color:#333; /*gris fonce*/
}

/* Footer */

footer
{
    background-color: #f90; /*defaut orange*/
	padding: 25px;
	width:950px; /*100% - 2*padding*/
	height:150px;
	float:left;
}

footer p, footer ul
{
    font-size: 0.8em;
	list-style:none;
}

footer a
{
	color:#333;
	text-decoration:none;
}

footer h1
{
    font-size: 1.1em;
}

footer div
{
	width:50%; float:left;display:inline; 
}

/* Contenus */

#news
{
	color:#fff;
	width:100%;
	background-color:#ff0; /*jaune*/
	float:left;
	min-height:400px;
}

/* Tableaux */

#userComment
{
	color:#fff;
	width:50%;
	background-color:#111; /*noir trés foncé*/
	float:left;
	min-height:300px;
}

#userComment table
{
	width:100%;
}

#userComment th
{
	background-color:#444; /*gris trés foncé*/
	padding: 2px;
}

#userComment td
{
	background-color:#666; /*gris moins foncé*/
	font-size: 0.8em;
	min-width: 15px;
	padding: 1px;
}

#userFriend
{
	color:#fff;
	width:50%;
	background-color:#111; /*noir trés foncé*/
	float:left;
	min-height:300px;
}

#userFriend table
{
	width:100%;
}

#userFriend th
{
	background-color:#444; /*gris trés foncé*/
	padding: 2px;
}

#userFriend td
{
	background-color:#666; /*gris moins foncé*/
	font-size: 0.8em;
	min-width: 15px;
	padding: 1px;
}

/* Cartes */

#worldMap
{
	color:#fff;
	width:100%;
	background-color:#0f0; /*vert*/
	float:left;
	min-height:500px;
}

#userMap
{
	color:#fff;
	width:50%;
	background-color:#0f0; /*vert*/
	float:left;
	min-height:300px;
}

#userFriendMap
{
	color:#fff;
	width:100%;
	background-color:#0f0; /*vert*/
	float:left;
	min-height:500px;
}

/* Formulaires */

#myAccount
{
	color:#fff;
	background-color:#111; /*noir claire*/
	float:left;
	width:100%;
	min-height:200px;
}

#myAccount form
{
	margin-left: auto;
	margin-right: auto;
	width: 750px;
}

inline
{
	color:#fff;
	background-color:#222; /*noir claire*/
	display: inline-block;
	width:100px;
	font-weight:bold;
	/*padding: 2px;*/
	margin: 2px;
}

#textForm
{
	color:#555;
	background-color:#fff; /*defaut orange*/
	padding: 2px;
	margin: 5px;
	font-weight:bold;
	width:15em;
}

/* Bouton */

#buttonForm
{
	color:#fff;
	background-color:#f90; /*defaut orange*/
	padding: 2px;
	margin: 2px;
	font-weight:bold;
	width:5em;
}

#buttonSee
{
	width:15px;
	height:15px;
	background:url(../images/icone_bouton_small.png) 0px 0px;
	margin:1px;
}

#buttonDelete
{
	width:15px;
	height:15px;
	background:url(../images/icone_bouton_small.png) -15px 0px;
	margin:1px;
}

/* Correctifs pour les vieilles versions d'Internet Explorer */

/* Pour activer un positionnement type inline-block sur les vieilles versions d'IE */

.old_ie #titre_principal, .old_ie #logo, .old_ie header h1, .old_ie nav, .old_ie nav li, .old_ie .bouton_rouge, .old_ie article, .old_ie aside, .old_ie #tweet, .old_ie #mes_photos, .old_ie #mes_amis, .old_ie #mes_amis ul
{
    display: inline;
    zoom: 1;
}

/* Quelques ajustements pour les vieilles versions d'IE */

.old_ie section h1, .ie8 section h1
{
    font-size: 1.1em;
}

.old_ie footer div, .ie8 footer div
{
    margin-top: 30px;
}

